<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="less/bootstrap.css">
    <link rel="stylesheet" href="css/member.css"/>
</head>
<body>
<!-- header部分 -->
<div class="user">
    <div class="user_login">
        <ul class="user_zone">
            <li>
                <a href="#">wuqifan@nuagetimes.com</a>
            </li>
            <li>|</li>
            <li class="logout">
                <a href="#">登出</a>
            </li>
        </ul>
    </div>
</div>
<div class="article">
    <div class="header">
        <header role="banner" id="fh5co-header">
            <div class="fluid-container">
                <nav class="navbar navbar-default">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="home.html"></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="pingtai.html" data-nav-section="home"><span>平台介绍</span></a></li>
                            <li class="active"><a href="product.html"><span>产品中心</span></a></li>
                            <li><a href="product.html" data-nav-section="testimony"><span>个人账户</span></a></li>
                            <li><a href="#" data-nav-section="pricing"><span>帮助中心</span></a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </header>
    </div>
</div>
<!-- header end -->


<div class="bg">
<div class="clearfix wrap">
    <ul class="breadcrumb pull-right ">
        <li>您当前的位置:</li>
        <li><a href="#">Home</a> </li>
        <li><a href="#">Library</a> </li>
        <li class="active">帮助中心</li>
    </ul>
</div>
<div class="wrap clearfix">
    <div class="tabbable  memberlist tablechange1">
        <div class="sidebar-menu nav nav-tabs">
            <h2>个人中心</h2>
            <div class="nav-header menu-first" ><a href="#userMeun" data-toggle="collapse">查询方法&nbsp;<i class="icon icon_down_triangle"></i></a>
            </div>
            <ul id="userMeun" class="nav nav-list collapse menu-second in">
                <li><a href="#tab1" data-toggle="tab"> 方法一</a></li>
                <li><a href="#tab2" data-toggle="tab"> 方法二</a></li>
            </ul>
            <div class="nav-header menu-first" data-toggle="collapse"><a href="#tab3" data-toggle="tab"> 一级菜单</a></div>
            <!--<div href="#articleMenu" class="nav-header menu-first collapsed" data-toggle="collapse"> 文章管理</div>-->
            <!--<ul id="articleMenu" class="nav nav-list collapse menu-second">-->
                <!--<li><a href="#">添加文章</a></li>-->
                <!--<li><a href="#">文章列表</a></li>-->
            <!--</ul>-->
        </div>
        <div class="tab-content">
            <div class="tab-pane" id="tab1">
                <div class="content">
                     方法一

                </div>
            </div>
            <div class="tab-pane" id="tab2">
                <div class="content tab_describe">
                    <ul class="breadcrumb">
                        <li>查询方法></li>
                        <li class="active">方法二</li>
                    </ul>
                    <h2 class="title">什么是XX充值一卡通？</h2>
                    <p>据说非拉克丝一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing，爱神在venenatis马提斯，埃拉特普鲁斯腾邦NiSi，等过nibh lectus非队。在必比登EST QUIS悲哀elementum laoreet。前庭UT杆菌争吵。啊打发打发大一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing</p>
                    <p>据说非拉克丝一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing，爱神在venenatis马提斯，埃拉特普鲁斯腾邦NiSi，等过nibh lectus非队。在必比登EST QUIS悲哀elementum laoreet。前庭UT杆菌争吵。啊打发打发大一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing一回去无疑呼呼看破打算吧维利特。越南在lorem简历”ullamcorper前庭。在adipiscing</p>
                </div>
            </div>
            <div class="tab-pane" id="tab3">
                <div class="content tab_describe">
                    <ul class="breadcrumb">
                        <li>常见问题 ></li>
                        <li class="active">关于退款</li>
                    </ul>
                    <h3 class="title"><span class="tips">Q</span>&nbsp;如何申请退款？</h3>
                    <div class="describe"><p><span class="tips">A</span>商品自购买日起7日内无使用可申请全额退款，其它在使用过程中碰到的问题，请与商户直接联系。申请退款成功后2个工作日内，工作人员会安排进行退款操作。</p></div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--<div class="tabbable tabs-left">-->
    <!--<ul class="nav nav-tabs">-->
        <!--<li class="active"><a href="#tab1" data-toggle="tab">个人中心</a></li>-->
        <!--<li><a href="#tab2" data-toggle="tab">充值记录</a></li>-->
    <!--</ul>-->
    <!--<div class="tab-content">-->
        <!--<div class="tab-pane active" id="tab1">-->
            <!--<div>-->

            <!--</div>-->
            <!--<p>I'm in Section 1.</p>-->
        <!--</div>-->
        <!--<div class="tab-pane" id="tab2">-->
            <!--<p>Howdy, I'm in Section 2.</p>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->


<!-- footer start -->
<div class="footer">
    <div class="hrs"></div>
    <div class="copyrights">
        <ul class="item_list">
            <li><a href="#"><span></span>服务条款</a></li>
            <li><a href="#"><span></span>隐私协议</a></li>
            <li><a href="#"><span></span>安全保障</a></li>
            <li><a href="#"><span></span>联系我们</a></li>
        </ul>
        <p>@2016, gainextreme.com, All Rights Reserved</p>
    </div>
</div>
<!-- footer end -->

<script data-main="js/yjj" src="js/require.js"></script>

</body>
</html>